.align-center {
  align-items: center;
}

.real-name-form {
  width: 100%;
  height: 100%;
  
  display: flex;
  flex-direction: column;

  .content-wrapper {
    flex: 1;
    overflow: hidden;

    .form-wrapper {
      // padding: 20rpx 30rpx 230rpx;
    }
.real_tip{
	font-size: 24rpx;
	// position: absolute;
	height: 500rpx;
	
	color: #51AB74;
	text-align: center;
	background:linear-gradient(to bottom, #ebfef2, #f2f2f2); 
	.real-tip-image{
		padding-top: 30rpx;
	}
	image{
		width:120rpx;
		height: 120rpx;
	}
}
    .form-item {
      padding: 0 20rpx;
      background: white;
      border-radius: 20rpx;
      margin-left: 20rpx;
	  margin-right: 20rpx;
	 margin-top: -250rpx;
	
      .label-wrapper {
        padding: 32rpx 0;
        border-bottom: 2rpx solid #f2f2f2;
        display: flex;
        justify-content: space-between;

        &:last-child {
          border-bottom: 0;
        }

        &.padding-20 {
          padding: 22rpx 0;
        }

        .label {
          font-size: 26rpx;
          font-weight: 400;
          color: #999999;
          margin-right: 20rpx;
          display: flex;

          .check {
            color: #E84746;
          }
        }

        .value {
          flex: 1;
          max-width: 400rpx;
          font-size: 26rpx;
          color: #333333;
          display: flex;
          justify-content: flex-end;
          align-items: center;

          // 输入框样式
          .input {
            padding: 0;
            width: 100%;
            font-size: 26rpx;
            color: #333333;
            text-align: right;
          }

          .base-textarea {
            width: 100%;
          }

        }
      }

      // 证件照
      .card-wrapper {
        padding: 20rpx 0;
        min-height: 180rpx;
        display: flex;
	
        justify-content: space-between;
        // align-items: center;

        .card-item {
          position: relative;
          width: 296rpx;
          min-height: 180rpx;

          .btn-upload {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 2;
            width: 100%;
            height: 180rpx;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;

            .img {
              width: 35rpx;
              height: 35rpx;
              display: block;
            }

            .txt {
              font-size: 18rpx;
              font-weight: 400;
              color: #333333;
            }
          }

          .uploaded-img {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            width: 100%;
            height: 180rpx;
            border-radius: 20rpx;
          }

          .txt-tips {
            padding-top: 200rpx;
            width: 100%;
            font-size: 26rpx;
            color: #999999;
            text-align: center;
            line-height: 30rpx;
          }
        }
      }

      // 银行卡
      .card-bank-wrapper {
        position: relative;
        padding: 20rpx 20rpx;
        min-height: 375rpx;
        display: flex;
        justify-content: space-between;
        align-items: center;

        .btn-upload {
          position: absolute;
          top: 20rpx;
          left: 20rpx;
          z-index: 2;
          width: 610rpx;
          height: 375rpx;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;

          .img {
            width: 60rpx;
            height: 60rpx;
            display: block;
          }

          .txt {
            font-size: 28rpx;
            font-weight: 400;
            color: #333333;
          }
        }

        .uploaded-img {
          position: absolute;
          top: 20rpx;
          left: 20rpx;
          z-index: 1;
          width: 610rpx;
          height: 375rpx;
          border-radius: 20rpx;
        }

        .txt-tips {
          padding-top: 395rpx;
          width: 100%;
          font-size: 26rpx;
          color: #999999;
          text-align: center;
          line-height: 30rpx;
        }
      }

    }

    // 按钮
    .btn-submit {
      position: fixed;
      bottom: 60rpx;
      left: 0;
      right: 0;
      z-index: 9;
      margin: 0 auto;
      width: 690rpx;
      height: 100rpx;
      font-size: 28rpx;
      color: #ffffff;
      font-weight: bold;
      background: #33CE8F;
      border-radius: 20rpx;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    // 按钮
    .btn-list {
      position: fixed;
      bottom: 60rpx;
      left: 0;
      right: 0;
      z-index: 9;
      padding: 0 30rpx;
      display: flex;
      justify-content: space-between;
      align-items: center;

      .btn-base {
        height: 100rpx;
        font-size: 28rpx;
        font-weight: bold;
        border-radius: 50rpx;
        display: flex;
        justify-content: center;
        align-items: center;
      }

      .w200 {
        width: 200rpx;
      }

      .w470 {
        width: 470rpx;
      }

      .gray {
        color: #999999;
        background: #dddddd;
      }

      .blue {
        color: #ffffff;
        background: #33CE8F;
      }
    }

  }
}